<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <!--quagga-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
    <meta name="author" content="Christoph Oberhofer" />
    <meta name="viewport2" content="width=device-width; initial-scale=1.0; sysUser-scalable=no" />
    <link th:href="@{/plugins/quagga/css/styles.css}" rel="stylesheet" type="text/css"  />
    <script th:src="@{/plugins/quagga/js/quagga.min.js}"></script>
    <link th:href="@{/epid/css/create.css}" rel="stylesheet">
    <script th:src="@{/epid/js/create.js}"></script>
    <!--commonstyle-->
    <link th:include="resident/navMenu::navigation">
    <title>物流查询</title>
</head>

<body>
<!--wrapper-->
<div class="wrapper">
    <!--sidebar wrapper -->
    <div th:replace="resident/navMenu::#sideBar"></div>
    <!--end sidebar wrapper -->
    <!--start header -->
    <header th:replace="resident/navMenu::#navBar"></header>
    <!--end header -->
    <!--start page wrapper -->
    <div class="page-wrapper">
        <div class="page-content">
            <!--breadcrumb-->
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="breadcrumb-title pe-3">扫描条形码</div>
            </div>
            <!--end breadcrumb-->
        </div>
        <header>
            <div class="headline">
                <h1>居民确认收货扫描界面</h1>
                <h2>请扫描物资包装上的条形码以确认收货</h2>
            </div>
        </header>
        <section id="container" class="container">
            <div class="controls">
                <fieldset class="input-group">
                    <button class="stop">停止扫描</button>
                </fieldset>
                <fieldset class="reader-config-group">
                    <label>
                        <span>条形码编码类型(勿动,否则请还原为Code 128)</span>
                        <select name="decoder_readers">
                            <option value="code_128" selected="selected">Code 128</option>
                            <option value="code_39">Code 39</option>
                            <option value="code_39_vin">Code 39 VIN</option>
                            <option value="ean">EAN</option>
                            <option value="ean_extended">EAN-extended</option>
                            <option value="ean_8">EAN-8</option>
                            <option value="upc">UPC</option>
                            <option value="upc_e">UPC-E</option>
                            <option value="codabar">Codabar</option>
                            <option value="i2of5">Interleaved 2 of 5</option>
                            <option value="2of5">Standard 2 of 5</option>
                            <option value="code_93">Code 93</option>
                        </select>
                    </label>
                    <label>
                        <span>扫描区域精确大小</span>
                        <select name="input-stream_constraints">
                            <option value="320x240">320px</option>
                            <option selected="selected" value="640x480">640px</option>
                            <option value="800x600">800px</option>
                            <option value="1280x720">1280px</option>
                            <option value="1600x960">1600px</option>
                            <option value="1920x1080">1920px</option>
                        </select>
                    </label>
                    <label>
                        <span>扫描区域尺寸大小</span>
                        <select name="locator_patch-size">
                            <option value="x-small">x-small</option>
                            <option value="small">small</option>
                            <option selected="selected" value="medium">medium</option>
                            <option value="large">large</option>
                            <option value="x-large">x-large</option>
                        </select>
                    </label>
                    <label>
                        <span>Half-Sample</span>
                        <input type="checkbox" checked="checked" name="locator_half-sample" />
                    </label>
                    <label>
                        <span>最大同时识别量</span>
                        <select name="numOfWorkers">
                            <option value="0">0</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option selected="selected" value="4">4</option>
                            <option value="8">8</option>
                        </select>
                    </label>
                    <label>
                        <span>相机选择（固定）</span>
                        <select name="input-stream_constraints" id="deviceSelection">
                        </select>
                    </label>
                    <label style="display: none">
                        <span>Zoom</span>
                        <select name="settings_zoom"></select>
                    </label>
                    <label style="display: none">
                        <span>Torch</span>
                        <input type="checkbox" name="settings_torch" />
                    </label>
                </fieldset>
            </div>
            <div id="result_strip">
                <ul class="thumbnails"></ul>
                <ul class="collector"></ul>
            </div>
            <div id="interactive" class="viewport"></div>
        </section>
        <script th:src="@{/plugins/jquery.min.js}" type="text/javascript"></script>
        <script th:src="@{//webrtc.github.io/adapter/adapter-latest.js}" type="text/javascript"></script>
        <script th:src="@{/plugins/quagga/js/quagga.js}" type="text/javascript"></script>
        <script th:src="@{/plugins/quagga/js/live_w_locator.js}" type="text/javascript"></script>
    </div>
    <!--end page wrapper -->
</div>
<!--end wrapper-->
<div th:include="resident/navMenu::#footerBar"></div>
</body>

</html>
